<template>
  <div class="page page6">
    <div class="contain">
      <p class="pageTxt animate__animated animate__fadeInDownBig">关于</p>
      <div class='contents6 animate__animated animate__rollIn animate__delay-1s'>
        <p>H5版：<a style='color: skyblue; cursor: pointer;' target="_blank" href='https://static-1d54e049-f81e-427d-a517-62137322ac07.bspapp.com'>https://static-1d54e049-f81e-427d-a517-62137322ac07.bspapp.com</a></p>
        <p>洋盘开源地址：<a style='color: skyblue; cursor: pointer;' target="_blank" href='https://gitee.com/qdds666/YangPan'>https://gitee.com/qdds666/YangPan</a></p>
        <p>作者：秃头洋</p>
        <p>技术栈：HTML+CSS+JS，CSS3+ES6+Ts+Vue，Less+sass，Uniapp+Unicoud+H5Ruantime，原生小程序，Node+Koa+Express+MongoDB+Mysql
          <p>WebGl/Three.js，Git/GitLab，爬虫cheerio/puppeteer</p>
        </p>
        <p>CSDN博客：<a style='color: skyblue; cursor: pointer;' target="_blank" href='https://blog.csdn.net/weixin_44601948'>https://blog.csdn.net/weixin_44601948</a></p>
        <p>个人博客:<a target="_blank" href='https://47.114.114.84:5330/blog/index.html'>秃头洋博客</a></p>
      </div>
      <div class='page6-foot animate__animated animate__slideInUp animate__delay-2s'>
        <div style='display: flex; flex-direction: column; align-items: center;'>
          <p>适龄提示: 本公司产品适合 10 周岁以上玩家使用 未成年人家长监护 隐私政策 侵权投诉</p>
          <p>经营许可证编号: 闽B2-20170322 洋盘网络科技有限公司</p>
          <p>公司地址:龙岩学院</p>
          <p>注册地址:龙岩学院</p>
          <p style='display: flex;align-items: center;'>
            <img src="images/phone.png" style="height: 30px;width: 30px;"></img>
            <span>:15892023484</span>
          </p>
          <p style='display: flex;align-items: center;'>
            <img src="images/email.png" style="height: 30px;width: 30px;"></img>
            <span>:532911513@qq.com</span>
          </p>
        </div>
        <p>Copyright©qdds 洋盘官网 技术支持：秃头洋</p>
      </div>
    </div>
  </div>
</template>

<script>
</script>

<style scoped="scoped">
  .page6 .contents6 {
    display: flex;
    flex-direction: column;
    width: 86%;
    margin-top: 180px;
    padding: 0 20px;
  }

  .page6 .page6-foot {
    position: fixed;
    bottom: 0;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    background-color: #fff;

  }

  .page6 .page6-foot p {
    margin-top: 6px;
  }

  /*平板*/
  @media screen and (min-width:600px) and (max-width:960px) {}

  /*手机*/
  @media screen and (max-width:600px) {
    .page6 .contents6 {
      display: flex;
      flex-direction: column;
      width: 86%;
      margin-top: 10px;
      padding: 0 20px;
    }

    .page6 .page6-foot {
      position: fixed;
      bottom: 0;
      padding: 10px 0;
      text-align: center;
      width: 100%;
      background-color: #fff;

    }

    .page6 .page6-foot p {
      margin-top: 6px;
    }
  }
</style>
